<!DOCTYPE html>
<html>
<head>
	<title><%=title%></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="styles/main.css">
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
<% include header.ejs %>
	<div class="container">
		<div id="body">
		<!-- 左侧栏 -->
			<div class="col-xs-8">
				<div id="article">
					<h6><%= article.title %></h6>
					<p><%- article.content %></p>
				</div>
			</div>
		</div>
		<!-- 右侧栏 -->
		<div class="f-r col-xs-4">
			<div id="box_r">
				<div class="br_title">
					<h6>关注我们</h6>
				</div>
				<div id="app">
					<a href="#" class="xlwb">新浪微博</a>
					<a href="#" class="txwb">腾讯微博</a>
					<a href="#" class="yx">邮箱</a>
					<a href="#" class="wx">微信</a>
				</div>
				<div id="mjs:tip" class="tip" style="position: absolute; left: 305px; top: 120px; display: none;"><font color="#fff">关注<b>机友汇</b>微信账号</font><br><b><img src="http://www.jiyouh.com/skin/jiyouhui/images/weixintop.jpg"></b></div>
				<div class="advertisement">
					<img src="temp/ad300x100.jpg">
				</div>
				<div id="moreselect">
					<ul class="nav nav-pills" role="tablist">
						<li class="active"><a href="#djph" data-toggle="tab">点击排行</a></li>
						<li><a href="#zxwz" data-toggle="tab">最新文章</a></li>
						<li><a href="#zztj" data-toggle="tab">站长推荐</a></li>
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div class="tab-pane active" id="djph">
							<ul class="f_l">
								<li><a href="#">HTC One M9官方图曝光 配置价格一并出炉</a></li>
								<li><a href="#">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a></li>
								<li><a href="#">华为荣耀新总裁亮相 称今年重点立足海外</a></li>
								<li><a href="#">一个女生的十年——手机里一直舍不得删的小说</a></li>
								<li><a href="#">细节也要看清楚，华为MWC2015智能手表高清图赏</a></li>
								<li><a href="#">传谷歌今年5月将推出iOS版本Android Wear</a></li>
							</ul>
						</div>
						<div class="tab-pane" id="zxwz">
							<ul class="f_l">
								<li><a href="#">中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</a></li>
								<li><a href="#">细节也要看清楚，华为MWC2015智能手表高清图赏</a></li>
								<li><a href="#">华为荣耀新总裁亮相 称今年重点立足海外</a></li>
								<li><a href="#">传谷歌今年5月将推出iOS版本Android Wear</a></li>
								<li><a href="#">半年时间苹果iOS 8普及率终于过了75%！</a></li>
								<li><a href="#">手机更卡了！安卓5.0停止默认数据加密</a></li>
							</ul>
						</div>
						<div class="tab-pane" id="zztj">
							<ul class="f_l">
								<li><a href="#">细节也要看清楚，华为MWC2015智能手表高清图赏</a></li>
								<li><a href="#">Huawei TalkBand B2华为智能手环 智选从容</a></li>
								<li><a href="#">三星Galaxy S6,原来它长这样！</a></li>
								<li><a href="#">苹果正式发出3月9日发布会邀请函 主角很可能是Apple Watch智能手表</a></li>
								<li><a href="#">Apple Watch能否撬动消费者的购买欲望？</a></li>
								<li><a href="#">PULL & BEAR推出全新六款复古耳机系列</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="clear"></div>
				<div id="hottag">
					<div class="br_title">
						<h6>热门标签</h6>
					</div>
					<ul>
						<a href="#">运动相机</a>
						<a href="#">小蚁</a>
						<a href="#">咔咔</a>
						<a href="#">中兴</a>
						<a href="#">AndroidWear</a>
						<a href="#">iOS8</a>
						<a href="#">5.0</a>
						<a href="#">余承东</a>
						<a href="#">移动芯片</a>
						<a href="#">SIM卡</a>
						<a href="#">810</a>
						<a href="#">骁龙</a>
						<a href="#">高通</a>
						<a href="#">Home键</a>
						<a href="#">MX5Pro</a>
					</ul>
				</div>
				<div id="hotarticle">
					<div class="br_title">
						<h6>热门文章</h6>
					</div>
					<ul>
						<li>
							<a href=""><img src="temp/ha1.jpg"></a>
							<div class="h_a">
								<a href="#"><b>HTC One M9官方图曝光 配置价格一并出炉</b></a>
								<p>
									<span class="tulanmu">安卓(Android)</span>
									<span class="tutime">2015-02-24</span>
								</p>
							</div>
							
						</li>
					</ul>
					<ul>
						<li>
							<a href=""><img src="temp/b1.jpg"></a>
							<div class="h_a">
								<a href="#"><b>中兴“咔咔”运动相机在MWC2015上正式展出 剑指小蚁运动相机</b></a>
								<p>
									<span class="tulanmu">其他配件</span>
									<span class="tutime">2015-03-06</span>
								</p>
							</div>
							
						</li>
					</ul>
					<ul>
						<li>
							<a href=""><img src="temp/ha3.jpg"></a>
							<div class="h_a">
								<a href="#"><b>华为荣耀新总裁亮相 称今年重点立足海外</b></a>
								<p>
									<span class="tulanmu">最新资讯</span>
									<span class="tutime">2015-03-05</span>
								</p>
							</div>
							
						</li>
					</ul>
					<ul>
						<li>
							<a href=""><img src="temp/ha4.png"></a>
							<div class="h_a">
								<a href="#"><b>一个女生的十年——手机里一直舍不得删的小说</b></a>
								<p>
									<span class="tulanmu">手机生活</span>
									<span class="tutime">2015-02-20</span>
								</p>
							</div>
							
						</li>
					</ul>
					<ul>
						<li>
							<a href=""><img src="temp/1.jpg"></a>
							<div class="h_a">
								<a href="#"><b>细节也要看清楚，华为MWC2015智能手表高清图赏</b></a>
								<p>
									<span class="tulanmu">可穿戴设备</span>
									<span class="tutime">2015-03-05</span>
								</p>
							</div>
							
						</li>
					</ul>
				</div>
				<div class="ad">
					<img src="http://www.jiyouh.com/skin/jiyouhui/images/03.jpg">
				</div>
				<div class="links">
					<h3><span>[<a href="/">申请友情链接</a>]</span>友情链接</h3>
					<ul>
						<li><a href="/">手机配件</a></li>
						<li><a href="/">苹果Apple</a></li>
						<li><a href="/">SumSung</a></li>
						<li><a href="/">Sony</a></li>
						<li><a href="/">三星</a></li>
						<li><a href="/">索尼</a></li>
						<li><a href="/">华维荣耀</a></li>
					</ul>
				</div>
				<div>
					<p class="banquan">机友汇有部分文章来源于互联网，版权归属于原作者。本站所有转载文章言论不代表本站观点，如是侵犯了原作者的权利请发邮件联系站长（zshl@jiyouh.com），我们收到后立即删除。</p>
				</div>
			</div>
		</div>
	</div>
	<footer>
	    <div class="endfoot">
			<div class="ft-info f_l">
				<div class="ftlogo">
					<a href="http://www.jiyouh.com/" target="_blank">
						<img src="http://www.jiyouh.com/skin/jiyouhui/images/ftlogo.png">
					</a>
				</div>
				<div class="ft-title">
					<p>机友汇(jiyouh.com)，汇聚国内最优秀的智能手机资讯媒体平台! </p>
				</div>
			</div>
			<div class="ft-list f_r">
				<div class="ft-shares">    
					<a class="shares-sina" title="邮箱" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=HGZvdHBcdnVlc2l0Mn9zcQ" target="_blank"></a>
					<a class="shares-ten" title="腾讯微博" href="http://t.qq.com/jiyouh" target="_blank"></a>
					<a class="shares-dib" title="新浪微博" href="http://weibo.com/jiyouh" target="_blank"></a>
				</div>
				<div class="ft-nav">
					<span id="cnzz_stat_icon_1254431641">
						<a href="http://www.cnzz.com/stat/website.php?web_id=1254431641" target="_blank" title="站长统计">站长统计</a>
					</span>
					<a href="http://www.jiyouh.com/about.html" target="_blank">关于我们</a>
					<a href="http://www.jiyouh.com/about.html" target="_blank">联系我们</a>
					<a href="http://www.jiyouh.com/jobs.html" target="_blank">加入我们</a>
					<a href="http://www.jiyouh.com/ads.html" id="qaurl">广告合作</a>
					<a href="http://www.jiyouh.com/reports.html" target="_blank">投稿通道</a>
				</div>
				<p class="ft-copyright"> Copyright 2015 技术支持：<a href="http://www.tjzshl.com/" target="_blank">天津智尚互联科技有限公司</a><a href="http://www.miitbeian.gov.cn/" target="_blank"> 津ICP备15001073号-1</a></p>
			</div>
			</div>
	</footer>
</body>
</html>